<template>
  <table v-show="list && list.length > 0" class="table table-bordered table-hover">
    <caption>投研大咖说用户反馈</caption>
    <thead>
      <tr>
        <th>姓名<br>电话</th>
        <th class="col-xs-1">领域</th>
        <th class="col-xs-1">类型</th>
        <th>相关标的</th>
        <th class="col-xs-4">建议</th>
        <th>时间</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="it in list">
        <td>
          姓名：{{it.username}}<br>
          电话：{{it.mobile}}
        </td>
        <td>{{it.field}}</td>
        <th>{{it.type}}</th>
        <th>{{it.company}}</th>
        <td>{{it.content}}</td>
        <td class="col-nowrap">{{it.time}}</td>
      </tr>
    </tbody>
  </table>
  <vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
</template>
<style src="./feedback-list.css" scoped></style>
<script src="./feedback-list.js"></script>